<template>
  <li @click="handleClick">{{ content }} {{ index }}</li>
</template>

<script>
export default {
  props: {
    content: {
      type: String,
      default: ''
    },
    index: {
      type: String,
      default: ''
    }
  },
  methods: {
    handleClick() {
      this.$emit('delete', this.index)
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
